<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet"/>
<link href="assets/css/front/listCommonStyle.css" rel="stylesheet"/>
<script src="assets/js/select2/select2.js"></script>
<div class="row margin-left-10">
    <!-- 映射列表 -->
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="leftTree">
        <div class="widget flat searchCriteria">
            <div class="widget-header bordered-sky theme-bordered nopadding">
                <div class="widget-buttons">
                    <!-- 业务按钮 begin -->
                    <label class="businessBtns">
                        <button class="btn btn-blue shiny download"><i class="fa fa-download"></i>导入</button>
                        <button class="btn btn-blue shiny download"><i class="fa fa-download"></i>导出</button>
                        <button class="btn btn-warning shiny search "><i class="fa fa-search"></i>搜索</button>
                    </label>
                </div>
            </div>
        </div>
        <div class="search_Bar" style="vertical-align: middle">
            <form id="${searchFormId}" action="${actionUrl}" method="POST">
                <label class="margin-bottom-30">
                    <label style="margin-right: 10px">
                        <label>会员姓名：</label>
                        <label>
                            <input type="text" name="" value="">
                        </label>
                    </label>
                    <label style="margin-right: 10px">
                        <label>课时包名称：</label>
                        <label>
                            <input type="text" name="" value="">
                        </label>
                    </label>
                    <label style="margin-right: 10px">
                        <label>课时包类型：</label>
                        <label>
                            <select class="form-select-1" style="height: 28px;width:190px;" name=""
                                    value="">
                                <option value="">不限</option>
                            </select>
                        </label>
                    </label>
                    <label>
                        <label>可用课时包：</label>
                        <label>
                            <select class="form-select-1" style="height: 28px;width:190px;" name=""
                                    value="">
                                <option value="">不限</option>
                            </select>
                        </label>
                    </label>
                </label>
                <label>
                    <label style="margin-right: 10px">
                        <label>缴费时间：</label>
                        <label>
                            <input style="height: 28px!important;" id="d4311" type="text" name="depositCreateTime_begin" class="beginValue Wdate" value="${search_map.depositCreateTime_begin[0]}"
                                   onFocus="WdatePicker({doubleCalendar:true,maxDate:'#F{$dp.$D(\'d4312\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" placeholder="起始时间" >
                        </label>
                        <label>
                            ——
                        </label>
                        <label>
                            <input style="height: 28px!important;border-top: 1px solid #d5d5d5!important;" id="d4312"  type="text" name="depositCreateTime_end" class="endValue Wdate"  value="${search_map.depositCreateTime_begin[0]}"
                                   onFocus="WdatePicker({doubleCalendar:true,minDate:'#F{$dp.$D(\'d4311\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" placeholder="结束时间" >
                        </label>
                    </label>
                </label>
            </form>
        </div>
        <div class="widget flat radius-bordered">
            <div class="widget-body no-padding margin-top-30">
                <div class="topPagingBar hidden">
                    ${pagingBar}
                </div>
                <div class="table-scrollable">
                    <!-- 数据表列信息列表 -->
                    <table class="table table-bordered dataTable">
                        <thead>
                        <tr>
                            <th title="选择" class="checkboxColumnTh  ">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" class="chkAll">
                                        <span class="text"></span>
                                    </label>
                                </div>
                            </th>
                            <th title="属性名">序号</th>
                            <th title="操作项">操作项</th>
                            <th title="会员Id">会员姓名</th>
                            <th title="课时包Id">课时包名称</th>
                            <th title="课时包类型">课时包类型</th>
                            <th title="退课时数">退课时数</th>
                            <th title="报名状态">报名状态</th>
                            <th title="退费金额">退费金额</th>
                            <th title="当前操作者Id">操作人</th>
                            <th title="修改时间">操作日期</th>
                        </tr>
                        </thead>
                        <tbody>
                        <#if page_bean.list?size==0>
                            <tr>
                                <td align="center">无数据</td>
                            </tr>
                        </#if>
                        <#list page_bean.list as data>
                            <tr>
                                <td class="checkboxColumnTd">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="chk" name="id" value="${data.id}">
                                            <span class="text"></span>
                                        </label>
                                    </div>
                                </td>
                                <td>${data_index+1+(page_bean.pageNo-1)*page_bean.pageSize}</td>
                                <td align="center">
                                    <a  href="javascript:void(0);">修改</a>
                                </td>
                                <td>${(data.memberId???string(data.memberId?html,"未设置"))!'未设置'}</td>
                                <td>${(data.classHour???string(data.classHour?html,"未设置"))!'未设置'}</td>
                                <td>${(data.packageId???string(data.packageId?html,"未设置"))!'未设置'}</td>
                                <td>${(data.applyStatus???string(data.applyStatus?html,"未设置"))!'未设置'}</td>
                                <td>${(data.amout???string(data.amout?html,"未设置"))!'未设置'}</td>
                                <td>${(data.empId???string(data.empId?html,"未设置"))!'未设置'}</td>
                                <td>${(data.emP???string(data.emP?html,"未设置"))!'未设置'}</td>
                                <td>${(data.updateTime???string(data.updateTime?html,"未设置"))!'未设置'}</td>

                            </tr>
                        </#list>
                        </tbody>
                    </table>
                </div>
                ${pagingBar}
            </div>
        </div>


    </div>
</div>
<script>
    $(".selectpicker").select2();
</script>